<template>
  <ul class="go">
    <li>
      <div class="goImg">
        <img src="http://img0.imgtn.bdimg.com/it/u=1335680135,209059567&fm=26&gp=0.jpg" alt="">
      </div>
        <div class="come">
          <h4>双十一来了</h4>
          <h2>抢双十一特惠</h2>
        </div>
        <div class="gogo">
          <span>go</span>
        </div>
    </li> 
  </ul>
</template>
<style lang="scss">
@import '@/lib/reset.scss';
.go {
  li{
    overflow:hidden;
    @include rect(3.64rem, 1rem);
    @include background-color(rgba(170,170,170,1));
    @include margin(0.05rem 0.02rem);
    @include border-radius(5px);
    @include text-align(center);
    margin-left:5px;
    .goImg{
      float:left;
      @include rect(0.83rem, 0.82rem);
      margin:9px 0 0 30px;
     img{
        @include rect(0.83rem, 0.82rem);
        @include left(.34rem );
        @include top(.63rem );
     }
    }
    .come{
       float:left;
       margin:27px 0 0 30px;
       h2,h4 {
        color:rgba(16,16,16,1);
       }
    }
    .gogo{
      @include background-color(white);
       float:left;
       margin:20px 0 0 30px;
       @include rect(0.6rem, 0.6rem);
       border:1px solid white;
       @include border-radius(50%);
      span{
        display:inline-block;
        margin-top:17px;
      }
    }
  }
}
</style>
